<html>
    <head>
        <title>Long Page To Scroll</title>
        <style>
            #content {
                 margin: auto;
                 width:  100%;
                 background: #eeeeee;
                 font-size: 50px;
            }
        </style>
    </head>
    <body>
        <button onclick="scrollWin()" id="scroll">Click me to scroll!</button><br><br>

        <script>
            window.onload = function() {
                document.getElementById("scroll").focus();
            }

            function scrollWin() {
                window.scrollTo(0, 600);
            }
        </script>
        <div id="content">
            <p><a id='anchor' href='#anchor'>anchor</a>
            <p>bla00
            <p>bla01
            <p>bla02
            <p>bla03
            <p>bla04
            <p>bla05
            <p>bla06
            <p>bla07
            <p>bla08
            <p>bla09
            <p>bla10
            <p>bla11
            <p>bla12
            <p>bla13
            <p>bla14
            <p>bla15
            <p>bla16
            <p>bla17
            <p>bla18
            <p>bla19
            <p>bla20
            <p>bla21
            <p>bla22
            <p>bla23
            <p>bla24
            <p>bla25
            <p>bla26
            <p>bla27
            <p>bla28
            <p>bla29
            <p>bla30
            <p>bla31
            <p>bla32
            <p>bla33
            <p>bla34
            <p>bla35
            <p>bla36
            <p>bla37
            <p>bla38
            <p>bla39
            <p>bla40
            <p>bla41
            <p>bla42
            <p>bla43
            <p>bla44
            <p>bla45
            <p>bla46
            <p>bla47
            <p>bla48
            <p>bla49
            <p>bla50
            <p>bla51
            <p>bla52
            <p>bla53
            <p>bla54
            <p>bla55
            <p>bla56
            <p>bla57
            <p>bla58
            <p>bla59
            <p>bla60
            <p>bla61
            <p>bla62
            <p>bla63
            <p>bla64
            <p>bla65
            <p>bla66
            <p>bla67
            <p>bla68
            <p>bla69
            <p>bla70
            <p>bla71
            <p>bla72
            <p>bla73
            <p>bla74
            <p>bla75
            <p>bla76
            <p>bla77
            <p>bla78
            <p>bla79
            <p>bla80
            <p>bla81
            <p>bla82
            <p>bla83
            <p>bla84
            <p>bla85
            <p>bla86
            <p>bla87
            <p>bla88
            <p>bla89
            <p>bla90
            <p>bla91
            <p>bla92
            <p>bla93
            <p>bla94
            <p>bla95
            <p>bla96
            <p>bla97
            <p>bla98
            <p>bla99
        </div>
    </body>
</html>
